@charset "utf-8";
/* CSS Document */
html{font-family: 'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}
a{ text-decoration:none!important;}

header .top{ width:100%; height:40px; background:#2e2e2e; line-height:40px;}
header .top .top_cl{ float:left; font-size:12px; color:#fff;}
header .top .top_cr{ float:right; font-size:12px; color:#fff; margin-top:15px;}
header .top .top_cr li {font-size: 12px;color: #333;border-right: #d8d8d8 solid 1px;padding: 0 13px;display: block;float: left;
height: 12px;line-height: 12px;line-height:12px;}
header .top .top_cr li:nth-child(3n){ border-right:none;}
header .top .top_cr li a{color:#fff; line-height:12px;}
header .dauweaf{width: 100%;height: 120px;/*background: url(../images/topbj.png) repeat-x;*//*padding-bottom: 12px;*/position: relative;
z-index: 10;}
header nav{height:111px;}
header nav h1{ width:450px; height:120px; background:url(../images/logo.png) left center no-repeat; text-indent:-999999px; float:left;}
header nav ul{ float:right; margin-top:24px;}
header nav ul li{ float:left; position:relative;text-align: center; margin-left:20px;}
header nav ul li a{ font-size:16px; color:#090909; display:inline-block; line-height:60px;}
header nav ul li a i {
    display: block;
    width: 0;
    position: absolute;
    bottom: 0;
    height: 0;
    border-bottom: 1px solid #666;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
}
header nav ul .asjdjda a i{width:100%;}
header nav ul li:hover a i{ width:100%;}
header nav ul li a i:hover{ width:100%;}
header nav ul li a:hover{ color:#1e64bc;}


.banner{ width:100%; height:612px; background:url(../images/banner.jpg) center top no-repeat; /*margin-top:-12px;*/ }
.section1{ margin-top:96px;}
.section1 .section1l{ width:553px; height:410px; float:left;}
.section1 .section1l h2{ font-size:27px; color:#1e64bc; margin:26px 0 16px 0px;}
.section1 .section1l .henxian{ display:block; width:71px; height:3px; background:#1e64bc}
.section1 .section1l .abneirong{ margin-top:34px;}
.section1 .section1l .abneirong p{ font-size:15.57px; color:#262626; line-height:1.8; /*text-indent:2em;*/}
.section1 .section1l .xiangq{ width:161px; height:42px; border:1px solid #1e64c4; display:block; text-align:center; line-height:42px;  font-size:15.57px; border-radius:500px; margin-top:35px; position:relative; overflow:hidden;}
.section1 .section1l .xiangq a{color:#1e64c4;}

.section1 .section1l .xiangq:hover a{color:#FFF;}
.section1 .section1l .xiangq:before{content: ' '; z-index:-1;width: 100%;height: 100%;position: absolute;bottom: 0;left: 100%;
background: rgba(30, 100, 196, 1);-webkit-transition: all .2s ease;transition: all .2s ease;}
.section1 .section1l .xiangq:hover:before { left: 0;}

.section1 .section1r{ width:563px; height:354px; float: right; overflow:hidden; background:#000;}
.section1 .section1r img:hover{ opacity:0.9;transform: scale(1.1);transition: all .5s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all .5s ease 0s;}
.section1 ul{ margin-top:50px;}
.section1 ul li{ width:25%; float:left; font-size:22px; color:#434343; border-right:1px solid #eeeeee; box-sizing:border-box; text-align:center;}
.section1 ul li:nth-child(4n){ border-right:none;}
.section1 ul li strong{ font-size:67px; color:#d90000; font-weight:bold; display: inline-block;transform: scale(1,1.1);-ms-transform: scale(1,1.1); -webkit-transform: scale(1,1.1); -moz-transform: scale(1,1.1);-o-transform: scale(1,1.1);}
.section1 ul li p{ font-size:17px; color:#3d3d3d; margin-top:18px;}
.section2{ width:100%; background:url(../images/bg001.jpg) no-repeat center top; height:822px; margin-top:86px; padding-top:70px; box-sizing:border-box;
background-repeat: no-repeat;background-position: center;background-attachment: fixed;}
.section2 p{ font-size:39px; color:#ffffff; text-align:center; font-weight:bold;}
.section2 small{ font-size:15.57px; color:#FFF; text-align:center; display:block; margin-top:17px;}
.section2 .dsaouw{ width:167px; height:49px; display:block; margin:0 auto; background:#FFF; text-align:center; line-height:49px; border-radius:500px; margin-top:47px; position:relative; overflow:hidden;}
.section2 .dsaouw a{ font-size:15.57px; color:#1e64c4; text-decoration:none;}
.section2 .dsaouw h3{ display:block;position: absolute;width: 100%;height: 100%;background:rgba(37,95,180,1);left: 0;top: 0;transform: scale(0);transition: all 0.3s ease;border-radius:500px;}
.section2 .dsaouw h3 a{ font-size:15.57px; color:#1e64c4;}
.section2 .dsaouw:hover .sdwpoq{ display:none;}
.section2 .dsaouw:hover h3{transform: scale(1); /*left:0;*/}
.section2 .dsaouw:hover a{color:#FFF;}
.scection3 strong{ font-size:32.98px; color:#212121; font-weight:bold; text-align:center; display:block; margin-top:79px; margin-bottom:54px;}
.scection3 li{ width:31%; float:left; padding:12px; box-sizing:border-box; background:#FFF; border:1px solid #dddddd; margin-right:3.5%;}
.scection3 li:hover{ background:#18468c;}
.scection3 li:hover p{ color:#FFF;}
.scection3 li:hover span{background: url(../images/naozhongb.png) no-repeat center left; color:#FFF;}
.scection3 li img{ width:100%; height:168px;}
.scection3 li:nth-child(3n){ margin-right:0;}
.scection3 li p{ font-size:17.44px; color:#212121; margin-top:21px; margin-bottom:26px;}
.scection3 li span{ background: url(../images/naozhong.png) no-repeat center left; padding-left:22px;}
.scection3 .asiwqsd{width:167px; height:49px; display:block; margin:0 auto; background:#FFF; text-align:center; line-height:49px; border-radius:500px; margin-top:47px; position:relative; overflow:hidden; border:1px solid #313131; margin-top:53px; position:relative;}

.scection3 .asiwqsd h3{ display:block;position: absolute;width: 100%;height: 100%;background:rgba(37,95,180,1);left: 0;top: 0;transform: scale(0);transition: all 0.3s ease;border-radius:500px;}
.scection3 .asiwqsd h3 a{ font-size:15.57px; color:#1e64c4;}
.scection3 .asiwqsd:hover .sdwpoq{ display:none;}
.scection3 .asiwqsd:hover h3{transform: scale(1); /*left:0;*/}
.scection3 .asiwqsd:hover a{color:#FFF;}

.section4{ background:url(../images/bg002.jpg) no-repeat center top; width:100%; height:462px; margin-top:76px; padding-top:145px; box-sizing:border-box;
background-repeat: no-repeat;background-position: center;background-attachment: fixed;
}
.section4 ul li{ width:25%; float:left; text-align:center;}
.section4 ul li strong{ display:block; font-size:22.05px; color:#ffffff;margin:14px 0 31px 0;}
.section4 ul li p{ font-size:15.03px; color:#ffffff; line-height:26px; }
.section4 ul li img{transition: all .5s; } /*css3 翻转180度*/
.section4 ul li:hover img{transform: rotateY(180deg);}


footer{ height:470px; width:100%; background:#262626; padding-top:85px; box-sizing:border-box;}
footer .footer_c em{ display:block; font-size:35px; color:#ffffff; line-height:1; }
footer .footer_c .sdoawas{ font-size:14.2px; color:#FFF; margin:26px 0 56px 0; line-height:1;}
footer .footer_c ul li{ float:left; width:33.3%;}
footer .footer_c ul li .kgosjs{ float:left;}
footer .footer_c ul li .sajewa{ float:left; margin-left:15px; padding-top:6px;}
footer .footer_c ul li .sajewa p{ font-size:16px; color:#FFF;}
footer .footer_c ul li .sajewa small{ display:block; font-size:16px; line-height:1.7; color:#FFF;}
footer .footer_c .saouew{ width:100%; display:block; background:#858585; height:1px; margin:40px 0 20px 0;}
footer .footer_c .sdakwoe{ font-size:17.17px; color:#FFF; line-height:1.5}
footer .footer_c .aoweqs{ font-size:17.17px; color:#FFF; line-height:1.5}
.daweasd{ float:left;}
.daweasd .sdakwoe{ margin-top:10px;}
.dsaw0ow{ float:right;}
.dsaw0ow img{ width:90px; height:90px;}
/*上下滚动动画开始*/
.animated {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
/*上下滚动动画结束*/

